<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>关于远大</title>
    <style>
        * {
            margin: 0;
            padding: 0
        }

        .header {
            text-align:center
        }

        .nav {
            height: 50px;
            background:rgb(104, 173, 243);
        }

        .nav-wrap {
            width: 1200px;
            height: 50px;
            background: rgb(118, 148, 240);
            margin-left: auto;
            margin-right: auto;
        }

        .nav-wrap a {
            display: block;
            width: 100px;
            height: 50px;
            background-color: tomato;
            text-align: center;
            line-height: 50px;
        }
        .container{
            width: 1200px;
            margin-left: auto;
            margin-right:auto;
        }
        .container p{
            text-indent: 20px;
            font-size: 12px;
            margin-top: 15px;
        }
        .container p{
            text-indent: 30px;
            margin-top: 15px;
            margin-bottom: 15px;
        
        }
        .nav-bottom{
            padding:10px;
            background-color: rgb(171, 207, 73);
            text-align:center;
        }
        .container :hover{
            cursor:pointer;
            color:orangered;
        }
        .nav-bottom:hover{
            cursor:pointer;
            color:plum;
        }
        .nav a:hover{
            cursor:pointer;
            color:sienna;
        }
       
    </style>

</head>

<body>
    <div class="header">
        <img src="images\logo2.png" alt="">
    </div>
    <div class="nav">
        <div class="nav-wrap">
            <a href="#">关于远大</a>
        </div>
    </div>
    <div class="container">
        <img src="images\about.jpg"alt="">
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus praesentium nobis sint unde esse, obcaecati nostrum ipsum, dicta pariatur similique aliquid aperiam rerum illo consectetur quam sit culpa perferendis expedita?</p>
        <p>
            <a href="https://baike.baidu.com/item/%E5%B9%BF%E4%B8%9C%E8%BF%9C%E5%A4%A7%E5%BB%BA%E8%AE%BE%E5%B7%A5%E7%A8%8B%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/51284808?fr=aladdin">广东远大</a>
        </p>
       
    </div>
    <div class="nav-bottom">
       <p><span>版权所有：王薛</span>
        <span>时间：2020.9.15</span></p>
    </div>

</body>

</html>